// assistance/components/share-progress/index.js
// Component({

//   /**
//    * 组件的属性列表
//    */
//   properties: {
//     total: Number, // 总进度
//     finish: {
//       type: Number,
//       value: 0
//     }, // 已完成进度
//   },

//   /**
//    * 组件的初始数据
//    */
//   data: {
//     finishWidth: 0,
//     tipLeftOffset: -28
//   },
  
//   lifetimes: {
//     /** 在组件实例进入页面节点树时执行 */
//     attached() {
//       const { total, finish } = this.data
//       const {finishWidth, tipLeftOffset} = this.computeProgressPercent(total, finish)
//       this.setData({ 
//         finishWidth,
//         tipLeftOffset
//       })
//     },
//   },

//   // 以下是旧式的定义方式，可以保持对 <2.2.3 版本基础库的兼容
//   /** 组件实例进入页面节点树时执行 */
//   attached() {
//     const { total, finish } = this.data
//     const {finishWidth, tipLeftOffset} = this.computeProgressPercent(total, finish)
//     this.setData({ 
//       finishWidth,
//       tipLeftOffset
//     })
//   },

//   /** 组件监听 */
//   observers: {
//     'total, finish': function(newTotal, newFinish) {
//       const {finishWidth, tipLeftOffset} = this.computeProgressPercent(newTotal, newFinish)
//       this.setData({ 
//         finishWidth,
//         tipLeftOffset
//       })
//     }
//   },


//   /**
//    * 组件的方法列表
//    */
//   methods: {
//     /** 根据传入的步骤控制进度条的占比 */
//     computeProgressPercent(total, finish){
//       const finishWidth = 546 / total * finish //已完成的进度条宽度
//       const tipLeftOffset =  finishWidth - 40
//       return {
//         finishWidth,
//         tipLeftOffset
//       }
//     }
//   }
// })



// assistance/components/share-progress/index.js
Component({

  /**
   * 组件的属性列表
   */
  properties: {
    total: Number, // 总进度
    finish: {
      type: Number,
      value: 0
    }, // 已完成进度
  },

  /**
   * 组件的初始数据
   */
  data: {
    finishWidth: 0,
    tipLeftOffset: -28
  },
  
  lifetimes: {
    /** 在组件实例进入页面节点树时执行 */
    attached() {
      const { total, finish } = this.data
      this.computeProgressPercent(total, finish)
    },
  },

  // 以下是旧式的定义方式，可以保持对 <2.2.3 版本基础库的兼容
  /** 组件实例进入页面节点树时执行 */
  attached() {
    const { total, finish } = this.data
    this.computeProgressPercent(total, finish)
  },

  /** 组件监听 */
  observers: {
    'total, finish': function(newTotal, newFinish) {
      this.computeProgressPercent(newTotal, newFinish)
    }
  },


  /**
   * 组件的方法列表
   */
  methods: {
    /** 根据传入的步骤控制进度条的占比 */
    computeProgressPercent(total, finish){
      const _this = this
      wx.createSelectorQuery().in(this).selectAll('.progress-wrap').boundingClientRect().exec(function(res) {
        console.log(res);
        const rectWidth = res[0][0] ? res[0][0].width : 0
        const finishWidth = rectWidth / total * finish //已完成的进度条宽度
        const tipLeftOffset =  finishWidth - 20
        _this.setData({ 
          finishWidth,
          tipLeftOffset
        })
      })
    },
  }
})